@import "normalize.css";
@import "tooltip.css";

/*GLOBAL*/
body{
	background: url(../images/bkg.jpg) no-repeat top center;
	
}
h1{
	font-family:Century Gothic, sans-serif;
	font-size:18px;
	color:#0066CC;
	font-weight:bold;
	margin:8px 0 2px 5px;
}
.clear {
	clear:both;
}
/*CONTENEDOR*/
#wrapper {
	width:990px;
	height:832px;
	background:url(../images/bkgPaper.png) no-repeat;
	position:relative;
	top:20px;
	left:50%;
	margin-left:-495px;
	z-index:20;
}
#logo {
	width:567px;
	height:55px;
	position:absolute;
	top:20px;
	left:210px;
}
#content {
	width:940px;
	height:55px;
	position:absolute;
	top:90px;
	left:16px;
}
#content .title {
	width:940px;
	text-align:center;
	float:left;
}
#content .col1 {
	width:461px;
	float:left;
}
#content .col2 {
	width:205px;
	float:left;
	margin:0 0 0 12px;
}
#content .col3 {
	width:246px;
	float:left;
	margin:0 0 0 12px;
}
#lineamientos {
	width:456px;
	height:71px;
	background:url(../images/bkgLineamientos.png) no-repeat;
	padding:9px 0 0 5px
}
#lineamientos .btLin1 a, #lineamientos .btLin2 a, #lineamientos .btLin3 a, #lineamientos .btLin4 a, #lineamientos .btLin5 a, #lineamientos .btLin6 a, #lineamientos .btLin7 a, #lineamientos .btLin8 a{
	width:55px;
	height:53px;
	float:left;
}
#lineamientos .btLin1 a {
	background:url(../images/btLin1.jpg) no-repeat;
}
#lineamientos .btLin2 a {
	background:url(../images/btLin2.jpg) no-repeat;
}
#lineamientos .btLin3 a {
	background:url(../images/btLin3.jpg) no-repeat;
}
#lineamientos .btLin4 a{
	background:url(../images/btLin4.jpg) no-repeat;
}
#lineamientos .btLin5 a{
	background:url(../images/btLin5.jpg) no-repeat;
}
#lineamientos .btLin6 a {
	background:url(../images/btLin6.jpg) no-repeat;
}
#lineamientos .btLin7 a {
	background:url(../images/btLin7.jpg) no-repeat;
}
#lineamientos .btLin8 a {
	background:url(../images/btLin8.jpg) no-repeat;
}
#lineamientos .btLin1 a:hover, #lineamientos .btLin2 a:hover, #lineamientos .btLin3 a:hover, #lineamientos .btLin4 a:hover, #lineamientos .btLin5 a:hover, #lineamientos .btLin6 a:hover, #lineamientos .btLin7 a:hover, #lineamientos .btLin8 a:hover {
	background-position:0 -53px;
}

#opinion {
	width:461px;
	height:536px;
	background:url(../images/bkgOpinion.png) no-repeat;
}
#opinion .title {
	width:410px;
	float:left;
	margin: 0 0 0 20px;
}
#opinion .title p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#0066CC;
	font-weight:bold;
	margin:20px;
	text-align:center;
}
#opinion .btRecientes a, #opinion .btMasVotadas a, #opinion .btIdeasCat a {
	width:132px;
	height:16px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	padding:4px 0 0 0;
}
#opinion .btRecientes a {
	background:url(../images/btRecientes.png) no-repeat;
}
#opinion .btMasVotadas a {
	background:url(../images/btMasVotadas.png) no-repeat;
	margin:0 0 0 20px;
}
#opinion .btIdeasCat a {
	background:url(../images/btIdeasCat.png) no-repeat;
}
#opinion .btRecientes a:hover, #opinion .btMasVotadas a:hover, #opinion .btIdeasCat a:hover {
	background-position:0 -20px;
}
#opinion .contScroll {
	width:370px;
	height:303px;
	border: 1px solid #CCC;
	overflow:auto;
	float:left;
	margin:0 0 0 20px;
	background:#FFF;
	padding:0 20px 0 20px;
}
#opinion .contScroll p {
	margin-bottom: 0em;
}

#opinion .btParticipe a {
	width:223px;
	height:53px;
	background:url(../images/btParticipe.png) no-repeat;
	margin:10px 0 0 110px;
	float:left;
}
#opinion .btParticipe a:hover {
	background-position:0 -53px;
}

#opinion .btCatProteccion a{
	width:104px;
	height:28px;
	background:url(../images/btCatProteccion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatSalud a{
	width:76px;
	height:28px;
	background:url(../images/btCatSalud.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatEducacion a{
	width:102px;
	height:28px;
	background:url(../images/btCatEducacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatParticipacion a{
	width:122px;
	height:28px;
	background:url(../images/btCatParticipacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatEntorno a{
	width:89px;
	height:28px;
	background:url(../images/btCatEntorno.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatAlimentacion a{
	width:123px;
	height:28px;
	background:url(../images/btCatAlimentacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatFamilia a{
	width:86px;
	height:28px;
	background:url(../images/btCatFamilia.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#opinion .btCatProteccion a:hover, #opinion .btCatSalud a:hover, #opinion .btCatEducacion a:hover, #opinion .btCatParticipacion a:hover, #opinion .btCatEntorno a:hover, #opinion .btCatAlimentacion a:hover, #opinion .btCatFamilia a:hover {
	background-position:0 -28px;
}


.idea {
	border-bottom:#CCC 1px dotted;
	padding: 10px 0 0 0;
}
.idea h1, .idea h2, .idea h3, .idea h4, .idea p, .idea span, .idea ul {
	font-family: Verdana, Geneva, sans-serif;
}

.idea h1 {
	font-size:12px;
	color:#0066CC;
	margin:0;
	padding:0;
	text-transform:uppercase
}
.idea h2 {
	font-size:12px;
	color:#0099FF;
	margin:0;
	padding:0;
}
.idea h3 {
	font-size:10px;
	color:#0099FF;
	padding:0;
	margin:0;
}
.idea h4 {
	font-size:14px;
	color:#609C33;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}
.idea p {
	font-size:11px;
	color:#666;
	line-height: 12px;
}
.idea span {
	font-size:10px;
	color:#99CC33;
}
.idea ul {
	font-size:10px;
	color:#666;
	line-height: 12px;
	list-style:none;
	padding:0 0 0 20px;
}
.idea li {
	padding: 3px 0 3px 0;
}
.idea .status {
	height:31px;
	float:left;
}
.idea .status p {
	font-size:12px;
	color:#0099FF;
	margin:8px 0 0 0;
}
.idea .btVoto a {
	width:63px;
	height:31px;
	background:url(../images/btVotar.jpg) no-repeat;
	float:left;
	margin: 0;
	z-index:200;
}
.idea .btComentar a {
	width:92px;
	height:31px;
	background:url(../images/btComentar.jpg) no-repeat;
	float:left;
	margin: 0;
}
.idea .btVoto a:hover, .idea .btComentar a:hover {
	background-position:0 -31px;
}


#delinee {
	width:205px;
	height:165px;
	background:url(../images/bkgDelinee.png) no-repeat;
}
#delinee iframe {
	margin:12px 0 0 11px;
}
#twitter {
	width:205px;
	height:302px;
	background:url(../images/bkgTwitter.png) no-repeat;
}
#twitter .title {
	width:180px;
	border-bottom:1px solid #0099FF;
	margin:10px;
	float:left;
}
#twitter .title a {
	font-family:Century Gothic, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#0099FF;
	margin:0;
	text-decoration:none;
}
#twitter .feeds {
	width:170px;
	height:230px;
	margin:0 10px 0 10px;
	float:left;
	padding:0 15px 0 0;
	overflow:auto;
}
#twitter .feeds p, #twitter .feeds a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height: 12px;
}
#twitter .feeds p{
	color:#666;	
}
#twitter .feeds a{
	color:#0099FF;
	text-decoration:none;
}
#twitter .feeds a:hover{
	color:#0066CC;
}
.drop1, .drop2 {
	height:20px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	box-shadow: 2px 2px 3px rgb(0,0,0);  
	-moz-box-shadow: 2px 2px 3px rgb(0,0,0);
	-webkit-box-shadow: 2px 2px 3px rgb(0,0,0); 
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-bottom-topleft: 10px;
	border:none;
	margin:5px 0 5px 6px;
	padding:2px 0 0 5px;
}
.drop1 {
	width:190px;
}
.drop2 {
	width:225px;
}
#ciudades {
	width:246px;
	height:317px;
	background:url(../images/bkgCiudades.png) no-repeat;
}
#ciudades img {
	width:213px;
	height:293px;
	margin:9px 0 0 15px;
}
#fotos {
	width:245px;
	height:90px;
	background:url(../images/bkgFotos.png) no-repeat;
}
#fotos img {
	width:57px;
	height:51px;
	margin:13px 0 0 16px;
}


/*REGISTRO*/
#registro {
	width:461px;
	height:536px;
	background:url(../images/bkgRegistro.png) no-repeat;
}
#registro .title {
	width:180px;
	height:36px;
	float:left;
	margin:50px 0 0 35px;
}

#registro label {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 12px;
	color: #090;
	float:left;
	margin:10px 0 0 70px;
}
#registro input {
	width:250px;
	height:20px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	box-shadow: 1px 1px 2px rgb(0,0,0);  
	-moz-box-shadow: 1px 1px 2px rgb(0,0,0);
	-webkit-box-shadow: 1px 1px 2px rgb(0,0,0); 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-bottom: 10px;
	border:none;
	margin:5px 0 5px 60px;
	padding:2px 0 0 5px;
}
#registro select {
	width:250px;
	height:20px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	box-shadow: 1px 1px 2px rgb(0,0,0);  
	-moz-box-shadow: 1px 1px 2px rgb(0,0,0);
	-webkit-box-shadow: 1px 1px 2px rgb(0,0,0); 
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-bottom-topleft: 10px;
	border:none;
	margin:5px 0 5px 60px;
	padding:2px 0 0 5px;
}
.prop {
	width:370px;
	height:90px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	box-shadow: 1px 1px 2px rgb(0,0,0);  
	-moz-box-shadow: 1px 1px 2px rgb(0,0,0);
	-webkit-box-shadow: 1px 1px 2px rgb(0,0,0); 
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-bottom-topleft: 10px;
	border-radius-topright: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-topright: 10px;
	border:none;
	margin:5px 0 5px 15px;
	padding:2px 0 0 5px;
}
#registro .frameReg {
	width:380px;
	height:210px;
	float:left;
	background:#FFF;
	border: 1px solid #CCC;
	margin:0 0 0 20px;
	padding:20px;
}
#registro .frameReg p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height: 12px;
	color: #999;
	margin:10px 0;
}
#registro .btPublicar a{
	width:152px;
	height:53px;
	background:url(../images/btPublicar.png) no-repeat;
	float:left;
	margin:15px 0 0 60px;
}
#registro .btComentar a{
	width:171px;
	height:53px;
	background:url(../images/btComentar2.png) no-repeat;
	float:left;
	margin:15px 0 0 20px;
}
#registro .btCancelar a{
	width:152px;
	height:53px;
	background:url(../images/btCancelar.png) no-repeat;
	float:left;
	margin:5px 0 0 150px;
}
#registro .btPublicar a:hover, #registro .btComentar a:hover, #registro .btCancelar a:hover {
	background-position:0 -53px;
}

/*PROPUESTA*/
#propuesta {
	width:461px;
	height:536px;
	background:url(../images/bkgPropuesta.png) no-repeat;
}
#propuesta .title {
	width:180px;
	height:36px;
	float:left;
	margin:20px 0 0 35px;
}
#propuesta .frameReg {
	width:410px;
	height:340px;
	float:left;
	background:#FFF;
	border: 1px solid #CCC;
	margin:0 0 0 20px;
	padding:0 5px;
}
#propuesta .frameReg p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height: 12px;
	color: #999;
	margin:20px 0 0 0;
	text-align:center;
}
#propuesta label {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 12px;
	color:#0099FF;
	float:left;
	margin:10px 0 0 25px;
}
#propuesta input {
	width:190px;
	height:20px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	box-shadow: 1px 1px 2px rgb(0,0,0);  
	-moz-box-shadow: 1px 1px 2px rgb(0,0,0);
	-webkit-box-shadow: 1px 1px 2px rgb(0,0,0); 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-bottom: 10px;
	border:none;
	margin:5px 0 5px 15px;
	padding:2px 0 0 2px;
}
#propuesta .btCatProteccion a{
	width:104px;
	height:28px;
	background:url(../images/btCatProteccion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatSalud a{
	width:76px;
	height:28px;
	background:url(../images/btCatSalud.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatEducacion a{
	width:102px;
	height:28px;
	background:url(../images/btCatEducacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatParticipacion a{
	width:122px;
	height:28px;
	background:url(../images/btCatParticipacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatEntorno a{
	width:89px;
	height:28px;
	background:url(../images/btCatEntorno.jpg) no-repeat;
	float:left;
	margin:5px 0 0 55px;
}
#propuesta .btCatAlimentacion a{
	width:123px;
	height:28px;
	background:url(../images/btCatAlimentacion.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatFamilia a{
	width:86px;
	height:28px;
	background:url(../images/btCatFamilia.jpg) no-repeat;
	float:left;
	margin:5px 0 0 1px;
}
#propuesta .btCatProteccion a:hover, #propuesta .btCatSalud a:hover, #propuesta .btCatEducacion a:hover, #propuesta .btCatParticipacion a:hover, #propuesta .btCatEntorno a:hover, #propuesta .btCatAlimentacion a:hover, #propuesta .btCatFamilia a:hover {
	background-position:0 -28px;
}
#propuesta .selected {
	background-position:0 -56px;
}
#propuesta .btEnviarIdea a{
	width:152px;
	height:53px;
	background:url(../images/btEnviarIdea.png) no-repeat;
	float:left;
	margin:10px 0 0 80px;
}
#propuesta .btCancelarIdea a{
	width:152px;
	height:53px;
	background:url(../images/btCancelarIdea.png) no-repeat;
	float:left;
	margin:10px 0 0 5px;
}
#propuesta .btEnviarIdea a:hover, #propuesta .btCancelarIdea a:hover{
	background-position:0 -53px;
}
#propuesta .preg1{
	width:230px;
	height:60px;
	float:left;
	margin:10px 0 0 0;
}
#propuesta .categoria{
	width:153px;
	height:60px;
	float:left;
	margin:10px 0 0 0;
}

/*GRACIAS*/
#gracias {
	width:461px;
	height:536px;
	background:url(../images/bkgGracias.png) no-repeat;
}
#gracias .frameReg {
	width:410px;
	height:280px;
	float:left;
	background:#FFF;
	border: 1px solid #CCC;
	margin:80px 0 0 20px;
	padding:0 5px;
}
#gracias .frameReg img {
	float:left;
	margin:30px 0 0 90px;
}
#gracias .frameReg p {
	width:330px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height: 12px;
	color: #666;
	margin:20px 0 0 40px;
	text-align:center;
}
#gracias .frameReg h1 {
	width:330px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height: 16px;
	color: #666;
	margin:20px 0 0 40px;
	text-align:center;
}
#gracias .btOtra a{
	width:92px;
	height:31px;
	background:url(../images/btOtraIdea.jpg) no-repeat;
	float:left;
	margin:10px 0 0 82px;
}
#gracias .btVotar a{
	width:63px;
	height:31px;
	background:url(../images/btVotar.jpg) no-repeat;
	float:left;
	margin:10px 0 0 0;
}
#gracias .btComentar a {
	width:92px;
	height:31px;
	background:url(../images/btComentar.jpg) no-repeat;
	float:left;
	margin:10px 0 0 0;
}
#gracias .btOtra a:hover, #gracias .btVotar a:hover, #gracias .btComentar a:hover {
	background-position:0 -31px;
}
#gracias .btVerIdeas a {
	width:152px;
	height:53px;
	background:url(../images/btVerIdeas.png) no-repeat;
	float:left;
	margin:20px 0 0 150px;
}
#gracias .btVerIdeas a:hover {
	background-position:0 -53px;
}


/*FOOTER*/
#footer {
	width:237px;
	height:170px;
	background:url(../images/logoDeCeroaSiempre.gif) no-repeat top center;
	position:absolute;
	top:630px;
	left:700px;
}
#footer .btFacebook a {
	width:32px;
	height:32px;
	background:url(../images/btFacebook.png) no-repeat;
	float:left;
	margin:140px 0 0 40px;
}
#footer .btTwitter a {
	width:32px;
	height:32px;
	background:url(../images/btTwitter.png) no-repeat;
	float:left;
	margin:140px 0 0 10px;
}
#footer .btYoutube a {
	width:69px;
	height:32px;
	background:url(../images/btYoutube.png) no-repeat;
	float:left;
	margin:140px 0 0 10px;
}
#footer .btFacebook a:hover, #footer .btTwitter a:hover, #footer .btYoutube a:hover {
	background-position:0 -32px;
}